import React, {useEffect} from 'react';
import {Span, View} from '@tarojs/components';
import {Avatar, Rate} from "@taroify/core"

import styles from './index.module.scss';
import EvaluateImage from "@/mall/pages/evaluate/EvaluateImage";

const Index: React.FC = () => {


    useEffect(() => {
        load();
    }, []);

    const load = async () => {
    }


    return (
        <View className={styles.page}>
            <View className={styles.page_head}>
                <View className={styles.page_head_left}>
                    <Avatar src="https://joesch.moe/api/v1/random" size="medium"/>
                    <View className={styles.page_head_left_nick}>
                        哈哈哈哈哈
                    </View>
                </View>
                <View className={styles.page_head_right}>
                    2020/06/12 17:19
                </View>

            </View>
            <View className={styles.page_body}>
                <Rate value={3} size={12}/>
                <View className={styles.page_body_txt}>
                    颜色:纯净白 尺码:S码
                </View>
            </View>
            <view className={styles.page_body_info}>
                收到货了，第一时间试了一下，很漂亮特别喜欢，大爱大爱，颜色也很好看。棒棒!
            </view>
            <EvaluateImage></EvaluateImage>

            <View className={styles.page_foot}>
                <Span className={styles.page_foot_title}>
                    店家回复：
                </Span>
                <Span className={styles.page_foot_info}>
                    亲，你好，我们会联系商家和厂商给您一个满意的答复请一定妥善保管好发票
                </Span>
            </View>
        </View>
    );
};

export default Index;
